<template>
	<div>
		<div class="waifu" id="waifu">
			<div class="waifu-tips" style="opacity: 1;" ref="tips"></div>
			<canvas id="live2d" width="260" height="230" class="live2d"></canvas>
			<!-- <div class="waifu-tool">
				<span class="fui-home iconfont icon-shouye"></span>
				<span class="fui-chat iconfont icon-xiaoxi"></span>
				<span class="fui-eye iconfont icon-huanren"></span>
				<span class="fui-user iconfont icon-huanzhuang"></span>
				<span class="fui-photo iconfont icon-paizhao"></span>
				<span class="fui-cross iconfont icon-tuichu"></span>
			</div> -->
		</div>
	</div>
</template>

<script>
import Live2D from '../assets/cute/live2d.min.js'
export default {
	name: 'Cute',
	props: {
		
	},
	mounted() {
		initModel();
	}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
@import url("../assets/cute/flat-ui.min.css");
@import url("../assets/cute/waifu.css");
@import url("//at.alicdn.com/t/font_1632209_1yqc4g8fwo8.css");
</style>
